<template>
  <div class="container">
    <div class="content">
      <h2>UH OH! 页面找不到了</h2>
      <el-button size="large" @click="backToHome">back to Home</el-button>
    </div>
  </div>
</template>
<script setup>
import router from "../router"

function backToHome() {
  router.push("/home")
}
</script>
<style lang="stylus" scoped>
.container
  width 100vw
  height 100vh
  background-image url('@/assets/images/traffic2.webp')
  overflow hidden
  background-repeat no-repeat
  background-size 100% 100%
  text-align center
  h2
    margin-top 150px
    text-align center
    color #fff
    margin-bottom 25px
</style>
